<div id="left">
    <div class="media user-media bg-dark dker">
        <div class="user-media-toggleHover">
            <span class="fa icon-user"></span>
        </div>
        <div class="user-wrapper bg-dark">
            <a class="user-link" href="">
                <img class="media-object img-thumbnail user-img" alt="User Picture" src="{{user.avatar.a1}}">
                <span class="label label-danger user-label"></span>
            </a>
            <div class="media-body">
                <h5 class="media-heading">管理员</h5>
                <ul class="list-unstyled user-info">
                    <li> <a href="">{{userName}}</a>  </li>
                    <li>最近一次登陆时间 :
                        <br>
                        <small>
                            <i class="fa icon-calendar"></i>&nbsp;16 Mar 16:32</small>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- #menu -->
    <ul id="menu" class="bg-dark dker">
        <!--<li class="nav-header">Menu</li>-->
        <li class="nav-divider"></li>

        <!--<li class="">-->
            <!--<a href="javascript:;">-->
                <!--<i class="fa icon-building "></i>-->
                <!--<span class="link-title">大赛维护</span>-->
                <!--<span class="fa arrow icon-angle-left"></span>-->
            <!--</a>-->
            <!--<ul>-->
                <!--<li>-->
                    <!--<a href="/contest/config">-->
                        <!--<i class="fa"></i>&nbsp; 新建大赛 </a>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<a href="fixed-header-boxed.html">-->
                        <!--<i class="fa arrow icon-angle-left"></i>&nbsp; 大赛模版</a>-->
                    <!--<ul>-->
                        <!--<li>-->
                            <!--<a href="boxed.html">-->
                                <!--<i class=""></i>&nbsp; 模版一 </a>-->
                        <!--</li>-->
                     <!--</ul>-->
                <!--</li>-->
            <!--</ul>-->
        <!--</li>-->
        <li class="page-toggle" id="contest-page">
            <a href="javascript:;">
                <i class="fa glyphicon glyphicon-camera"></i>
                <span class="link-title">大赛管理</span>
                <span class="fa arrow icon-angle-left"></span>
            </a>
            <ul>
                <li>
                    <a href="/contests/contest/add">
                        <i class="fa"></i>&nbsp; 新建大赛</a>
                </li>
                <li>
                    <a href="/contests/contest/list">
                        <i class="fa"></i>&nbsp; 大赛列表</a>
                </li>

            </ul>
        </li>
        <li class="page-toggle hide" id="task-distribution-page">
            <a href="javascript:;">
                <i class="fa glyphicon glyphicon-th"></i>
                <span class="link-title">评审任务管理</span>
                <span class="fa arrow icon-angle-left"></span>
            </a>
            <ul>
                <li>
                    <a href="/contests/contest/review/tasks">
                        <i class="fa"></i>&nbsp; 任务列表</a>
                </li>
            </ul>
        </li>
        <li class="page-toggle" id="contest-edit-page">
            <a href="javascript:;">
                <i class="fa glyphicon glyphicon-th"></i>
                <span class="link-title">其他功能(开发中...)</span>
                <span class="fa arrow icon-angle-left"></span>
            </a>
            <ul>
                <li>
                    <a href="/contests/contest/list/edit">
                        <i class="fa"></i>&nbsp; 大赛列表</a>
                </li>
            </ul>
        </li>
        <li class="nav-divider"></li>
    </ul><!-- /#menu -->
</div><!-- /#left -->

<script>
    $(function(){
        //切换当前页面的状态
        $(".page-toggle").removeClass('active');
        $("#"+ '{{page}}' + '-page').addClass('active');
    })
</script>